<template>
  <div>
    <tab :line-width=2 v-model="index">
      <tab-item class="vux-center" v-for="(item, index) in tabsList" :key="index">{{item}}</tab-item>
    </tab>
    <div class="" v-show="index === 0">
      <house-list v-if="ZJdataList && ZJdataList.length > 0" v-for="(item, i) in ZJdataList" :key="i" :houseList="[0, 1, 2]"></house-list>
    </div>
    <div class="" v-show="index === 1">
      <house-list v-if="HYdataList && HYdataList.length > 0" v-for="(item, i) in HYdataList" :key="i" :houseList="[0, 1, 2]"></house-list>
    </div>
  </div>
</template>

<script>
import houseList from '@/components/houseList'

export default {
  components: {
    houseList
  },
  data () {
    return {
      index: 0,
      tabsList: ['交租情况', '合约状态'],
      ZJdataList: ['1', '2', '3', '4'],
      HYdataList: ['a', 'b']
    }
  }
}
</script>
